<template>
	<view class="me">
		<view class="user">
			<view class="user-icon">
				<image src="../../static/head.jpg" />
			</view>
			<image src="../../static/xiugai.svg" style="width: 30px; position: absolute; left: 115px; bottom: -38px;" />
			<p style="
	            position: absolute;
	            right: 25px;
	            bottom: 23px;
	            font-size: 18px;
	            color: #3ead3e;
	          ">
				阿妮亚
			</p>
		</view>

		<view class="my-like" @click="toMyLike">
			<p>我的收藏</p>
			<p>&gt;</p>
		</view>
		<view class="my-like">
			<p>隐私条款</p>
			<p>&gt;</p>
		</view>
		<view class="my-like">
			<p>用户协议</p>
			<p>&gt;</p>
		</view>
		<view class="my-like">
			<p>版本号1.5.0</p>
			<p>&gt;</p>
		</view>
	</view>
</template>

<script>
	export default {

		methods: {
			toMyLike() {
				uni.navigateTo({
					url: `/pages/myLike/myLike`
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.user {
		position: relative;
		width: 90vw;
		height: 100px;
		background-color: rgb(224, 217, 217);
		border-radius: 15px;
		margin: 50px auto;
	}

	.user-icon {
		width: 80px;
		height: 80px;
		border-radius: 999px;
		overflow: hidden;
		position: absolute;
		top: -40px;
		left: 25px;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.my-like {
		color: #3ead3e;
		width: 88vw;
		margin: 0px auto;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-top: 15px;
		display: flex;
		justify-content: space-between;
	}
</style>
